/**
 * @ author: 汪孟苹
 */
@charset "utf-8";
.mt15 {
	margin-top: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.selfRecord-info {
	background: #fff;
	box-shadow: 0 1px 10px #B7C3D2;
}
/* begin info */
.selfRecord-info {
	padding: 10px;
	border-radius: 5px;
}
.selfRecord-info > ul {
	margin-bottom: 0;
	padding-left: 0;
}
.selfRecord-info > ul > li {
	float: left;
	width: 33.3333%;
	line-height: 2;
	text-align: center;
}
.selfRecord-info > ul > li > span {
	display: block;
	width: 5em;
	text-align: right;
}
.selfRecord-info > ul > li > span,
.selfRecord-info > ul > li > div {
	float: left;
}
/* end info */
/* begin 分类 */
.selfRecord-classify {
	background: #fff;
}
.selfRecord-classify > div {
	float: left;
	width: 33.3333%;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}
.selfRecord-classify > div + div {
	border-left: solid 1px #ddd;
}
.selfRecord-classify > div.active {
	background: #119BA9;
	color: #fff;
}
/* end 分类 */
.selfRecord-con .con {
	display: none;
}

.selfRecord-none {
	text-align: center;
	padding: 50px 0;
	border-top: solid 1px #b0c0e7;
}
.selfRecord-none1 {
	text-align: center;
	padding: 50px 0;
}
.tooth-wrap {
	padding: 40px 0;
	border-top: solid 1px #b0c0e7;
}
.tooth {
	position: relative;
	text-align: center;
}
.tooth > div {
	position: absolute;
}
.tooth > div.tooth01 {
	left: calc(50% - 110px);
	top: -15px;
	color: #8F0404;
}
.tooth > div.tooth02 {
	right: calc(50% - 115px);
	top: -15px;
	color: #8F0404;
}
.tooth > div.tooth03 {
	left: calc(50% - 160px);
	top: 15px;
	color: #ff9800;
}
.tooth > div.tooth04 {
	right: calc(50% - 165px);
	top: 15px;
	color: #ff9800;
}
.tooth > div.tooth05 {
	left: calc(50% - 190px);
	top: 50px;
	color: #259B24;
}
.tooth > div.tooth06 {
	right: calc(50% - 195px);
	top: 50px;
	color: #259B24;
}
.tooth > div.tooth07 {
	left: calc(50% - 215px);
	top: 90px;
}
.tooth > div.tooth08 {
	right: calc(50% - 220px);
	top: 90px;
}
.tooth > div.tooth09 {
	left: calc(50% - 240px);
	top: 165px;
	color: #5E2BB3;
}
.tooth > div.tooth10 {
	right: calc(50% - 246px);
	top: 165px;
	color: #5E2BB3;
}
.tooth > div.tooth11 {
	left: calc(50% - 246px);
	top: 255px;
	color: #5E2BB3;
}
.tooth > div.tooth12 {
	right: calc(50% - 246px);
	top: 255px;
	color: #5E2BB3;
}
.tooth > div.tooth13 {
	left: calc(50% - 225px);
	top: 325px;
}
.tooth > div.tooth14 {
	right: calc(50% - 225px);
	top: 325px;
}
.tooth > div.tooth15 {
	left: calc(50% - 195px);
	top: 370px;
	color: #259B24;
}
.tooth > div.tooth16 {
	right: calc(50% - 195px);
	top: 370px;
	color: #259B24;
}
.tooth > div.tooth17 {
	left: calc(50% - 163px);
	top: 403px;
	color: #ff9800;
}
.tooth > div.tooth18 {
	right: calc(50% - 163px);
	top: 403px;
	color: #ff9800;
}
.tooth > div.tooth19 {
	left: calc(50% - 105px);
	top: 433px;
	color: #8F0404;
}
.tooth > div.tooth20 {
	right: calc(50% - 105px);
	top: 433px;
	color:#8F0404;
}
.tooth-startTime {
	margin-bottom: 30px;
	text-align: center;
}
.tooth-tips {
	margin: 0 10% 20px;
}
.tooth-tips > .tit {
	color: #119BA9;
}